@import "../../sass/mixins";
@import "../../sass/mixins/button";
.patientInfo {
    background: url("../../assets/img/caseList_bg.png");
    background-size: 100%;
    color: #fff;
    dl {
        // border: 1px solid red;
        padding: .7rem 1.6rem;
        dt {
            font-size: 2.4rem;
            img {
                width: 2rem;
                height: 2rem;
                margin-left: 1.4rem;
            }
        }
        dd {
            font-size: 1.6rem;
            // margin-top: .5rem;
        }
    }
}

.orderlist {
    a {
        text-decoration: none;
    }
    .cell {
        background: #fff;
        margin-bottom: 1.5rem;
        .list_title {
            display: flex;
            height: 4rem;
            >div {
                padding: 0px 1rem;
                align-self: center;
                font-size: 1.5rem;
                color: #666;
            }
            >div:first-child {
                text-align: left;
                flex: 2;
            }
            >div:last-child {
                text-align: right;
                flex: 1;
                color: #4590ec;
            }
            .yeloBtn {
                @include data-btn(3.9rem,
                2rem,
                #f9ca59);
                @include radius(.5rem);
                font-size: 1.4rem;
            }
            .bluBtn {
                @extend .yeloBtn;
                @include data-btn(3.9rem,
                2rem,
                #07c1d7);
            }
        }
        hr {
            margin: 0px;
            margin-left: .7rem;
            background: #e5e5e5;
        }
        .media {
            background: #fff;
            margin-top: 0px;
            padding: 1rem 0px;
            padding-left: .7rem;
            display: flex;
            .media-icon {
                flex: 1;
                max-width: 4rem;
                align-items: center;
                justify-content: center;
                align-self: center;
                img {
                    width: 1.4rem;
                    height: 1.4rem;
                }
            }
            .media-left {}
            .media-body {
                flex: 1;
                >h3 {
                    font-size: 1.8rem;
                    font-weight: 1000;
                    color: #000;
                    small {
                        color: #444;
                        margin-left: .5rem;
                        font-size: 1.6rem;
                    }
                    >span {
                        float: right;
                        margin-right: .7rem;
                    }
                }
                p {
                    font-size: 1.3rem;
                    color: #333;
                    padding-right: .7rem;
                    margin: .5rem 0px;
                    &:last-child {
                        font-size: 1.5rem;
                    }
                }
            }
        }
    }
    img {
        width: 4.8rem;
        height: 4.8rem;
        @include radius(50%);
    }
}